<!--
 * @Files: 
 * @Version: 1.0
 * @Author: wanglu
 * @Date: 2020-05-10 10:16:02
 * @LastEditors: wanglu
 * @LastEditTime: 2020-05-12 13:51:44
 -->
<template>
	<div class="detail">
		<div class="navwrap">
			<div class="nav">
				<div class="navitem">项目登记</div>
				<div class="btn" @click="submit">保存</div>
				<div class="btn" @click="goback">取消</div>
			</div>
		</div>
		<div class="container">
			<div class="container-title">
				<div class="title">>>&nbsp;项目登记-{{ type == 'add' ? '新增' : '修改' }}</div>
			</div>
			<div class="main" v-if="type == 'edit'">
				<h4>基本信息</h4>
				<table border="1" cellspacing="0">
					<tr>
						<td>日期：</td>
						<td><el-date-picker v-model="date" type="date" placeholder="年-月-日"></el-date-picker></td>
						<td>项目编号：</td>
						<td><input type="text" value="2020060005" /></td>
						<td>项目名称：</td>
						<td colspan="3">
							<input type="text" value="湖南洞庭湖水库引水工程施工I标" />
						</td>
					</tr>
					<tr>
						<td>项目简介：</td>
						<td colspan="7">
							<textarea name="" id="" cols="30" rows="10">
1、工程概况。湖南省洞庭湖区垸内现有撇洪渠304条长1299.3千米，内湖、哑河122处，水面面积806.7平方公里，靠水闸与洞庭湖和湘、资、沅、澧四水相连。受泥沙淤积及江湖关系变化影响，垸内内湖、河流淤积萎缩，河湖阻隔，调蓄功能下
降，水体交换不足，造成内涝渍灾加剧，灌溉供水困难，垸内水环境容量、水生态环境呈恶化趋势。针对上述问题，根据洞庭湖区河、湖及垸内湖泊、哑河、渠系现状，结合区域水资源量状况及地势和地理位置，经初步研究，按分水系分区域的原则，初步拟定实施沅澧河湖水系等13处河湖连通工程。
2、工程建设的必要性。-.是建设河湖连通工程，是提高水系调蓄能力，提高防洪调度和水资源统筹配置能力，恢复河湖生态功能，改善水生态环境，保障河湖健康的有效手段;二是中央鼓励加快河湖连通工程建设。2011 年中央1号文件和中央水利工作会议都对河湖水系连通工程建设提出了明确要求;三是当前洞庭湖严峻的水资源、水生态形势要求加快实施河湖水系连通工程。
				</textarea
							>
						</td>
					</tr>
					<tr>
						<td>项目地址：</td>
						<td><input type="text" value="湖南省茅草街洞庭湖" /></td>
						<td>项目性质：</td>
						<td><input type="text" value="自营" /></td>
						<td>项目类型：</td>
						<td><input type="text" value="自营" /></td>
						<td>投标负责人：</td>
						<td><input type="text" value="罗丹" /></td>
					</tr>
					<tr>
						<td>投标日期：</td>
						<td><input type="text" value="2020-06-20" /></td>
						<td>预计投标费：</td>
						<td><input type="text" value="300.00" /></td>
						<td>大写：</td>
						<td><input type="text" value="叁佰元整" /></td>
						<td>预计合同金额：</td>
						<td><input type="text" value="" /></td>
					</tr>
					<tr>
						<td>金额大写：</td>
						<td><input type="text" value="壹佰柒拾玖万元整" /></td>
						<td>建设单位：</td>
						<td><input type="text" value="洞庭湖水利工程管理局" /></td>
						<td>联系人：</td>
						<td><input type="text" value="李若若" /></td>
						<td>联系电话：</td>
						<td><input type="text" value="17304958390" /></td>
					</tr>
					<tr>
						<td>投计单位：</td>
						<td><input type="text" placeholder="投计单位" /></td>
						<td>监理单位：</td>
						<td><input type="text" placeholder="监理单位" value="" /></td>
						<td>录入人：</td>
						<td><input type="text" value="罗丹" /></td>
						<td></td>
						<td></td>
					</tr>
					<tr>
						<td>项目简介</td>
						<td colspan="7">
							<textarea name="" id="" cols="30" rows="10"></textarea>
						</td>
					</tr>
				</table>
			</div>
			<div class="main" v-if="type == 'add'">
				<h4>基本信息</h4>
				<table border="1" cellspacing="0">
					<tr>
						<td>日期：</td>
						<td><el-date-picker v-model="date" type="date" placeholder="年-月-日"></el-date-picker></td>
						<td>项目编号：</td>
						<td><input type="text" placeholder="项目编号" value="" /></td>
						<td>项目名称：</td>
						<td colspan="3">
							<input type="text" placeholder="项目编号" value="" />
						</td>
					</tr>
					<tr>
						<td>项目简介：</td>
						<td colspan="7">
							<textarea name="" id="" cols="30" rows="10"></textarea>
						</td>
					</tr>
					<tr>
						<td>项目地址：</td>
						<td><input type="text" placeholder="项目地址" value="" /></td>
						<td>项目性质：</td>
						<td><input type="text" placeholder="项目性质" value="" /></td>
						<td>项目类型：</td>
						<td><input type="text" placeholder="水利" value="" /></td>
						<td>投标负责人：</td>
						<td><input type="text" placeholder="投标负责人" value="" /></td>
					</tr>
					<tr>
						<td>投标日期：</td>
						<td><input type="text" value="" /></td>
						<td>预计投标费：</td>
						<td><input type="text" value="" /></td>
						<td>大写：</td>
						<td><input type="text" placeholder="大写" value="" /></td>
						<td>预计合同金额：</td>
						<td><input type="text" value="" /></td>
					</tr>
					<tr>
						<td>金额大写：</td>
						<td><input type="text" value="" /></td>
						<td>建设单位：</td>
						<td><input type="text" placeholder="建设单位" value="" /></td>
						<td>联系人：</td>
						<td><input type="text" placeholder="联系人" value="" /></td>
						<td>联系电话：</td>
						<td><input type="text" placeholder="联系电话" value="" /></td>
					</tr>
					<tr>
						<td>投计单位：</td>
						<td><input type="text" placeholder="投计单位" /></td>
						<td>监理单位：</td>
						<td><input type="text" placeholder="监理单位" value="" /></td>
						<td>录入人：</td>
						<td><input type="text" value="" /></td>
						<td></td>
						<td></td>
					</tr>
					<tr>
						<td>项目简介</td>
						<td colspan="7">
							<textarea name="" id="" cols="30" rows="10"></textarea>
						</td>
					</tr>
				</table>
			</div>
		</div>
	</div>
</template>

<script>
export default {
	name: '',
	components: {},
	props: {},
	data() {
		return {
			type: '',
			date: ''
		}
	},
	watch() {},
	created() {
		this.type = this.$route.query.type
		console.log(this.type)
		if (this.type == 'edit') {
			this.date = '2020-06-02'
		}
	},
	mounted() {},
	methods: {
		goback() {
			this.$router.go(-1)
		},
		submit() {
			this.$message.success('保存成功')
		}
	}
}
</script>

<style lang="scss" scoped>
.detail {
	/deep/ {
		.el-input__inner::placeholder {
			color: #999;
		}
		/* 谷歌 */
		.el-input__inner::-webkit-input-placeholder {
			color: #999;
		}
		/* 火狐 */
		.el-input__inner:-moz-placeholder {
			color: #999;
		}
		/*ie*/
		.el-input__inner:-ms-input-placeholder {
			color: #999;
		}
		.el-input__inner {
			color: #fff;
			font-family: '宋体 Bold', '宋体 常规', '宋体';
			font-weight: 700;
			font-size: 16px;
			height: 28px;
			background-color: transparent;
			border-radius: 0;
			border: 1px solid #3e8cdd;
		}
		.el-input {
			width: 100%;
		}
		.el-input__icon {
			line-height: 30px !important; //1d2848
			color: #999;
		}
		.el-range-input {
			background-color: transparent;
		}
	}
	width: calc(100% - 20px);
	margin: 0 auto;
	height: 653px;
	background: inherit;
	background-color: rgba(13, 19, 51, 1);
	box-sizing: border-box;
	border-width: 2px;
	border-style: solid;
	border-color: rgba(0, 51, 102, 1);
	border-top: 0px;
	border-radius: 0px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;

	.container {
		width: 100%;
		height: calc(100% - 30px);
		border-top: 2px solid rgba(0, 51, 102, 1);
		.main {
			width: calc(100% - 20px);
			margin: 0 auto;

			height: 520px;
			background: inherit;
			background-color: rgba(29, 40, 72, 1);
			box-sizing: border-box;
			border-width: 1px;
			border-style: solid;
			border-color: rgba(0, 51, 102, 1);
			border-radius: 0px;
			-moz-box-shadow: none;
			-webkit-box-shadow: none;
			box-shadow: none;
			color: #ffffff;
			text-align: left;
		}
	}
}
.navwrap {
	width: 100%;
	padding: 0 10px;

	.nav {
		height: 30px;
		display: flex;
		align-items: flex-end;
		background-size: 100% 100%;
		.navitem {
			width: 155px;
			height: 30px;
			font-size: 16px;
			color: #fff;
			line-height: 30px;
			text-align: center;
			background: url(../../assets/images/images/项目整体预览/项目概览_u5.png) no-repeat;
			cursor: pointer;
		}
		.btn {
			height: 20px;
			padding: 0 10px;
			line-height: 20px;
			margin: 0 10px;
			text-align: center;
			background: #3e8cdd;
			border-radius: 5px;
			font-weight: 400;
			font-style: normal;
			font-size: 14px;
			color: #ffffff;
			cursor: pointer;
		}
	}
}
.title {
	color: rgb(62, 140, 221);
	font-size: 16px;
	padding-bottom: 5px;
	margin: 10px 0;
}
h4 {
	margin: 5px;
	font-size: 20px;
}

input {
	width: 100%;
	height: 28px;
	background-color: transparent;
	font-family: '宋体 Bold', '宋体 常规', '宋体';
	font-weight: 700;
	font-style: normal;
	text-decoration: none;
	color: #ffffff;
	text-align: left;
	border-color: transparent;
	outline-style: none;
	border: 1px solid #3e8cdd;
	border-radius: 2px;
	font-size: 16px;
}
tr {
	padding: 20px;
}
td:nth-child(2n + 1) {
	text-align: right;
	width: 121px;
	height: 35px;
}
table {
	width: calc(100% - 20px);
	margin: 0 auto;
	border-color: #6c6e72;
}
textarea {
	width: 100%;
	height: 120px;
	background-color: transparent;
	font-family: '宋体 Bold', '宋体 常规', '宋体';
	font-weight: 700;
	font-style: normal;
	font-size: 14px;
	text-decoration: none;
	color: #ffffff;
	text-align: left;
	border-color: transparent;
	outline-style: none;
	border: 1px solid #3e8cdd;
	border-radius: 2px;
}
</style>
